doctype html
html
    head
        title BucketClub
        link(rel="shortcut icon", href="/favicon.ico")
        link(rel='stylesheet', href='/css/main.css')
        link(rel='stylesheet', href='/css/bootstrap.css')
        link(rel='stylesheet', href='/css/font-awesome.css')
        link(rel='stylesheet', href='/css/style.css')
        //link(rel='stylesheet', href='/css/bootstrap-theme.css')
        script(src="/js/jquery.js")
        script(src="/js/jquery.vegas.js")
        script(src="/js/bootstrap.js")

        script(type="text/javascript").
            $.vegas({
                src:'/images/fog.jpg', fade:500
                });
        meta(name="robots", content="noindex,nofollow")
    body
        block navigation
            div(class="navbar navbar-default navbar-fixed-top" role="navigation")
                div(class="container")
                    div(class="navbar-header")
                        button(class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse")
                            span(class="sr-only") Toggle navigation
                            span(class="icon-bar")
                            span(class="icon-bar")
                            span(class="icon-bar")
                        span(class="navbar-brand") Bucket Club
                    div(class="navbar-collapse collapse")
                        ul(class="nav navbar-nav")
                            li(id="home")
                                a(href="/", class="fa fa-home fa-2x")
                            li(id="search")
                                a(href="/search", class="fa fa-search fa-2x")
                            li(id="about")
                                a(href="/about", class="fa fa-info-circle fa-2x")
                            li(id="contacts")
                                a(href="/contacts", class="fa fa-send fa-2x")
                            if(user)
                                li(id="profile")
                                    a(href="/profile", class="fa fa-user fa-2x")
                            if(id)
                                script
                                    $(#{id}).addClass( "active" );

                        ul(class="nav navbar-nav navbar-right")
                            if (!user)
                                li(class="dropdown")
                                    a(href="#" class="dropdown-toggle fa fa-sign-in fa-2x" data-toggle="dropdown" )
                                    ul(class="dropdown-menu", role="menu")
                                        li
                                            a(href="/auth/fb", class="fa fa-facebook-square fa-2x")
                                        li
                                            a(href="/auth/vk", class="fa fa-vk fa-2x")
                                        li
                                            a(href="/auth/twitter", class="fa fa-twitter fa-2x")
                                        li
                                            a(href="/auth/google", class="fa fa-google-plus fa-2x")
                                        li
                                            a(href="/auth/instagram", class="fa fa-instagram fa-2x")
                                        li
                                            a(href="/auth/foursquare", class="fa fa-foursquare fa-2x")
                            else
                                li
                                    a(href="#{user.profileUrl}")
                                        img(src="#{user.photoUrl}", width="30", height="30", class="avatar navbar-brand-centered")
                                        span &nbsp;#{user.username}&nbsp;
                                li(class="dropdown")
                                    a(href="/sign-out", class="dropdown-toggle fa fa-sign-out fa-2x")
        block content